@charset "utf-8";
body {
  background-color: red;
}
/*我会被编译*/
.box {
  width: 300px;
  height: 300px;
  background-color: #2E8B57;
  border: solid 4px black;
  /*会把border的内容复制过来，实现混合*/
}
.border {
  border: solid 4px black;
}
.box2 {
  width: 300px;
  height: 300px;
  background-color: #2E8B57;
  border: solid 4px black;
  /*会把border的内容复制过来，实现混合*/
  margin-left: 300px;
}
.test_hunhe {
  border: solid #ffff00 30px;
}
.test_hunhe03 {
  border: solid #008000 10px;
  border: solid #008000 20px;
}
.sanjiao {
  width: 0;
  height: 0;
  border-width: 100px;
  border-style: solid;
  border-color: transparent transparent black transparent;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.sanjiao2 {
  width: 0;
  height: 0;
  border-width: 100px;
  border-color: transparent #cccccc transparent transparent;
  border-style: solid;
}
.box_02 {
  background-color: blue;
  width: 1400px;
  height: 320px;
  color: #c2c2c2;
}
ul {
  width: 500px;
  margin: 30px auto;
  padding: 0;
  list-style: none;
}
ul li {
  width: 200px;
  height: 50px;
  background-color: palevioletred;
  margin-bottom: 20px;
}
ul a {
  color: white;
  text-decoration: none;
}
ul a:hover {
  color: black;
}
.border04 {
  border: 60px #ff0000 solid;
}
.text_03 {
  width: calc(270px);
  width: calc(300px - 30px);
}
.text_important {
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
}
